<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/demo.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/footer.css" />
		
		
	</head>
	<body>
		<div id="top" ku_ver="1.0.0">
			<input type="hidden" id="REQ_ID" name="reqId" value="" />
			<input type="hidden" id="PROFILE_ID" name="profileId" value="site"/>
			<div class="top">
				<a class="logo" href="http://www.kuwo.cn/">
					
				</a>
				<ul class="nav">
					<li>
						<a class="active" href="#">首页</a>
					</li>
					<li>
						<a href="booklist">小说分类</a>
					</li>
					<li>
						<a></a>
					</li>
					<li>
						<a target="_blank" href="##">下载看见客户端</a>
					</li>
					<li>
						<a></a>
					</li>
					<li>
						<a></a>
					</li>
					<li>
					<a target="_blank" href="#">欢迎您，${username }！</a>
						
					</li>
					
					<li>
						<a target="_blank" href="showbooklist">个人中心</a>
					</li>
					<li>
						<a target="_blank" href="authorlogin.jsp">作者专区</a>
					</li>
					<li>
						<a target="_blank" href="login.jsp">退出</a>
					</li>
				</ul>
				<!--<div class="tools">
					<div class="search">
						<input type="text" name="search" placeholder="" />
						<a class="searchBtn" href="javascript:;"></a>
						<div class="searchInfo" style="display: none;">
							
						</div>
					</div>-->
			</div>
		</div>
		
		<div id="header">
			<div class="logo">
				<img src="img/eye.png" />
			    <h1>看见乐读</h1>
			    <span>畅读更多你喜欢的书</span>
			    
			</div>
			<form action="search" method="get">
			<div class="search">
				<input type="text" placeholder="请输入关键字" id="search" name="bookname"/>
			</div>
			<div class="search">
				<input type="submit" id="search" class="sbtn" value="" />
			</div>
			</form>
		</div>
		
		<div class="middle_right">
            <div id="lunbobox">
                <div id="toleft">&lt;</div>
                    <div class="lunbo">
                        <a href="#"><img src="img/0.jpg"></a>
                        <a href="#"><img src="img/1.jpg"></a>
                        <a href="#"><img src="img/2.jpg"></a>
                        <a href="#"><img src="img/3.jpg"></a>
                        <a href="#"><img src="img/5.jpg"></a>
                </div>
                <div id="toright">&gt;</div>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <span></span>
        </div>
    </div>
    
    <div class="book">
    	<div class="left">
    		<div class="all1">
    		<div class="title1">
    			<ul>
    				<li>男生小说    | 玄幻  | 仙侠  | 军事 | 科幻</li>
    			</ul>
    			<a href="##"><img src="img/chenghong.jpg" /></a>
    			<a href="##"><span>《橙红年代》</span></a>
    		</div>
    		<div class="booklist">
    			<ul class="img">
    				<li><img src="img/1.jpg"/></li>
    				<li><img src="img/1.jpg"/></li>
    				<li><img src="img/1.jpg"/></li>
    			</ul>
    			<ul class="text">
    				<li><a style="margin-top: -270px;">《最强兵王》<br/>作者：丛林狼<br/>最强兵王</a></li>
    				<li><a style="margin-top: -410px;">《最强兵王》<br/>作者：丛林狼<br/>最强兵王</a></li>
    				<li><a style="margin-top: -140px;">《最强兵王》<br/>作者：丛林狼<br/>最强兵王</a></li>
    			</ul>
    		</div>
    		</div>
    		<div class="all2">
    		<div class="title2">
    			<ul>
    				<li>女生小说    | 都市  | 穿越  | 现代言情 </li>
    			</ul>
    			<a href="##"><img src="img/chenghong.jpg" /></a>
    			<a href="##"><span>《橙红年代》</span></a>
    		</div>
    		<div class="booklist">
    			<ul class="img">
    				<li><img src="img/1.jpg"/></li>
    				<li><img src="img/1.jpg"/></li>
    				<li><img src="img/1.jpg"/></li>
    			</ul>
    			<ul class="text">
    				<li><a style="margin-top: -270px;">《最强兵王》<br/>作者：丛林狼<br/>最强兵王</a></li>
    				<li><a style="margin-top: -410px;">《最强兵王》<br/>作者：丛林狼<br/>最强兵王</a></li>
    				<li><a style="margin-top: -140px;">《最强兵王》<br/>作者：丛林狼<br/>最强兵王</a></li>
    			</ul>
    		</div>
    		</div>	
    	</div>
    	<div class="right">
    		<div class="novallist1">
    			<div class="piece">
    				<span>月度人气榜</span>
    			</div>
    			<div class="hot">
    				<span class="number">&nbsp;</span>
    				<div class="one">
    					<!-- <img src="img/3.jpg" /> -->
    					<img src="img/chenghong.jpg"/>
    					<h2><a href=""></a></h2><!--超链接的挑战路径先跳到servlet 进行查询处理 -->
    					<span></span>
    				</div>
    			</div>
    			<!-- 从这里遍历 -->
    			<c:forEach items="${book}" var="li">
    			<ul>
    				<li>
    					<span class="number">${li.bId}</span>
    					<a href="bookNameFindServlet?bookName=${li.bookName }">${li.bookName }</a>
    					<span>作者：${li.author }</span>
    				</li>
    			</ul>
    			</c:forEach>
    		</div>
    		
    		
    		<div class="novallist2">
    			<div class="piece">
    				<span>月度人气榜</span>
    			</div>
    			<div class="hot">
    				<span class="number">&nbsp;</span>
    				<div class="one">
    					<!-- <img src="img/3.jpg" /> -->
    					<img src="img/chenghong.jpg"/>
    					<h2><a href="##"></a></h2><!--超链接的挑战路径先跳到servlet 进行查询处理 -->
    					<span></span>
    				</div>
    			</div>
    			<!-- 从这里遍历 -->
    			<c:forEach items="${book}" var="li">
    			<ul>
    				<li>
    					<span class="number">${li.bId}</span>
    					<a href="##">${li.bookName }</a>
    					<span>作者：${li.author }</span>
    				</li>
    			</ul>
    			</c:forEach>
    		</div>
    	</div>
    </div>
    
    
    <div class="other">
    	<div class="ewm">
    		<ul>
    			<li>
    				<img src="img/ewm.png" />
    				<br />
    				<span>关注微信公众号</span>
    			</li>
    			<li class="kehu">
    				<img src="img/ewm.png" />
    				<br />
    				<span>下载客户端</span>
    			</li>
    		</ul>
    	</div>
    	<div class="active">
    		<div class="b" style="margin-top: -220px;">
    			<span>论坛</span>
    		</div>
    		<div class="c">
    			<span>原创基地</span>
    		</div>
    		<div class="d">
    			<span>客服</span>
    		</div>
    		<div class="e">
    			<span>作家汇</span>
    		</div>
    	</div>
    </div>
    
    
    <div id="footer" style="margin-top: 1750px;">
    	<div class="footer">
        		<p>全力做好网上治安秩序打击整治专项行动，打造晴朗网络空间</p>
        		<p class="f_link">
        			<a target="_blank" href="http://www.kuwo.cn/static/file/sitemap/sitemap.html">网站地图</a>
        			"|
        			<a target="_blank" href="http://yinyue.kuwo.cn/yy/s2/contact.jsp">联系我们</a>
        			"|
        			<a target="_blank" href="http://yinyue.kuwo.cn/yy/s2/fuwu.html">广告服务</a> |
                    <a target="_blank" href="http://yinyue.kuwo.cn/yy/s2/introduction.jsp">诚聘英才</a> |
                    <a target="_blank" href="http://www.kuwo.cn/static/page/license/license.html">用户服务协议</a> |
                    <a target="_blank" href="http://www.kuwo.cn/static/page/license/license_privacy.html">隐私政策</a> |
                    <a target="_blank" href="http://yinyue.kuwo.cn/yy/s2/NoBlameDoc.jsp">酷我音乐网站免责声明</a> |
                    <a target="_blank" href="http://yinyue.kuwo.cn/yy/s2/ProtectDoc.jsp">酷我音乐权利声明</a> |
                    <a target="_blank" href="http://yinyue.kuwo.cn/yy/s2/jianhu1.jsp">未成年人家长监护工程</a>

        		</p>
        		
        		<p>举报电话：010-80121810 举报邮箱：support@kuwo.cn</p>
        	</div>
    </div>
	</body>
	<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
	<script type="text/javascript" src="js/banner.js" ></script>
</html>
